#applicationError{
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: $mainBgColor;
  color: #333;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  pointer-events: all;
  @include S(padding, 30px);

  @include Text;
  text-align: center;

  h1{
    color: #ff0b40;
    @include S(margin-top, 20px);
    @include S(margin-bottom, 30px);
    @include SuperHeading;
    @include S(font-size, 35px);
  }

  .desc{
    color: $themeColor;
    text-align: left;
    @include PlainText;
    font-weight: bold;

    a{
      cursor: pointer;
      pointer-events: all;
      font-weight: bold;
      display: block;
      color: #ff0b40;
      @include S(margin-top, 10px);
    }

    display: block;
    @include S(max-width, 350px);
    width: 100%;
  }

  .details{
    font-size: 11px;
    line-height: 15px;
    color: #888;
    font-family: monospace;
    text-align: left;
    @include S('padding', 6px);
    @include BorderRadius(2px);
    @include BoxShadow3D(#eee);
    position: absolute;
    @include S(bottom, 25px);
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    // @include BreakText;
    min-width: 300px;
    pointer-events: all;
    overflow: auto;
  }
}